<ui:composition template="/WEB-INF/template.xhtml"
	xmlns="http://www.w3.org/1999/xhtml"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:a4j="http://richfaces.org/a4j"
	xmlns:rich="http://richfaces.org/rich">
	<ui:composition template="/templates/menu-template.xhtml">
		<ui:define name="title">
			<h:outputText value="#{msg.catalogoRoles}" />
		</ui:define>
		<ui:define name="content">
			<a4j:form id="form">
				<rich:panel>
					<f:facet name="header">
						<h:outputText value="#{msg.rolesPortal}" />
					</f:facet>
					<rich:spacer height="20px" />
					<rich:extendedDataTable value="#{beanRoles.listItems}" var="item"
						id="table" rows="3" reRender="datascroller"
						style="margin-left: auto; margin-right: auto; text-align: center;"
						width="100%">
						<rich:column id="idRoleColumn" label="#{msg.idRole}" width="15%">
							<f:facet name="header">
								<h:outputText value="#{msg.idRole}" />
							</f:facet>
							<h:outputText value="#{item.idRole}" />
						</rich:column>
						<rich:column id="abbreviationColumn" label="#{msg.abbreviation}"
							width="15%">
							<f:facet name="header">
								<h:outputText value="#{msg.abbreviation}" />
							</f:facet>
							<h:outputText value="#{item.abbreviation}" />
						</rich:column>
						<rich:column id="nameColumn" label="#{msg.roleName}" width="15%">
							<f:facet name="header">
								<h:outputText value="#{msg.roleName}" />
							</f:facet>
							<h:outputText value="#{item.roleName}" />
						</rich:column>
						<rich:column id="descriptionColumn" label="#{msg.description}"
							width="55%">
							<f:facet name="header">
								<h:outputText value="#{msg.description}" />
							</f:facet>
							<h:outputText value="#{item.description}" />
						</rich:column>
						<f:facet name="footer">
							<rich:datascroller id="datascroller" renderIfSinglePage="false" />
						</f:facet>
					</rich:extendedDataTable>
				</rich:panel>
			</a4j:form>
		</ui:define>
	</ui:composition>
</ui:composition>